<template name="home_friends">
  <div class="col">
    <div class="friends-content p-3">
      <!-- 标题 -->
      {{> home_content_title title='好友' subtitle=results.count}}
      <!-- 好友列表 -->
      {{#infinite_scroll}}
        <div class="row py-3">
          <div class="col-lg-8 p-0 mx-auto">
            <div class="input-group col mb-3">
              <div class="input-group-prepend">
                <span class="input-group-text">@</span>
              </div>
              <input type="text" class="form-control" id="search-friend" placeholder="用户名">
            </div>
            {{#each result in results}}
              {{> friend_card friend=result}}
            {{else}}
              {{#unless loading}}
                <div class="d-flex row">
                  <div class="no-channels col text-secondary text-center py-3">
                      😅 没有找到好友
                  </div>
                </div>
              {{/unless}}
            {{/each}}
          </div>
        </div>
      {{/infinite_scroll}}
      {{> delete_modal}}
    </div>
  </div>
</template>